<tr data-id="{{ $role->id }}">
    <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 dark:text-gray-400">{{ $role->id }}</td>
    <td class="px-6 py-4 whitespace-nowrap">
        <span class="text-sm font-medium text-gray-900 dark:text-white">{{ $role->name }}</span>
    </td>
    <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 dark:text-gray-400">{{ $role->description }}</td>
    <td class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
        <div class="flex justify-end space-x-2">
            <a class="text-indigo-600 hover:text-indigo-900 dark:text-indigo-400 dark:hover:text-indigo-300"
               hx-get="{{ route('admin.role.update', ['role' => $role->id]) }}"
               href="{{ route('admin.role.update', ['role' => $role->id]) }}"
               hx-target="#modal-body"
               hx-swap="innerHTML"
               hx-push-url="false"
               data-open-model="true"
               x-data>
                编辑
            </a>
            <a hx-push-url="false"
               hx-delete="{{ route('admin.role.delete', ['role' => $role->id]) }}"
               hx-target="closest tr"
               hx-swap="delete"
               href="{{ route('admin.role.delete', ['role' => $role->id]) }}"
               class="text-red-600 hover:text-red-900 dark:text-red-400 dark:hover:text-red-300">
                删除
            </a>
        </div>
    </td>
</tr>
